<template>
  
  <li v-for="item in arr"> {{ item }} </li>
    <div>数据是：{{ count }}</div>
    <button @click="count++">点击</button>
</template>

<script setup>
import { ref} from 'vue'
// setup函数是缺少响应式操作
const arr = ["春天", "夏天", "秋天", "冬天"]
//想要具有响应式操作 必须添加 ref 或 reactive
//ref 主要解决单个数据响应式问题 数组 数组对象 
//reactive 解决多个数据响应式问题 对象 复杂对象


const count=ref(0)
</script>

<style scoped>

</style>